import React from 'react'
import "./Right.less"
import { Link } from "react-router-dom"

export default function Right(props) {
    let { categoodLsit } = props
    // console.log(categoodLsit);
    return (
        <div className="cateRight">
            <h4>热门精选</h4>
            {
                categoodLsit.map(item => {
                    return (
                        <div className="item" key={item.id}>
                            <Link to={"/detail/" + item.id + "/1"}>
                                <img src={item.img} alt="" />
                                <div className="right">
                                    <h4>{item.goodsname}</h4>
                                    <div className="price">&yen;{item.price}</div>
                                    <del>&yen;{item.market_price}</del>
                                </div>
                            </Link>
                        </div>
                    )
                })
            }
        </div>
    )
}
